// "我的"页面
import React from 'react'
import { withRouter } from "react-router-dom";
import { imgInter } from '../data/Interface';
import Avatar from './Me/Avatar';
import FunctionButton from './Me/FunctionButton';
import Mytab from './Mytab'

const Me = () => {
    return (
  
        <div style={{ minHeight: '100vh', display: 'flex',width:'100%' }}>

            <div style={{ backgroundColor: "#080904", minHeight: '100vh', display: 'flex', width: '100%' }}>

                <div style={{ width: '100%', margin: '0 auto' }}>
                    {/* 头像 */}
                    <Avatar pic={`${imgInter}${JSON.parse(localStorage.getItem('user')).user_pic}`} name={JSON.parse(localStorage.getItem('user')).user_name}/>

                    {/* 四个tab */}
                    <div style={{ width: '90%', margin: '0 auto' }}>
                        <FunctionButton />
                    </div>

                </div>
                <Mytab />
            </div>
            <div style={{ flex: '1' }}></div>
        </div>
    )
}

export default withRouter(Me)